@charset "utf-8";
/* CSS Document */

@import url(layout.css); 

/*banner*/
.banner{ position: relative; height: 500px; width: 1000px; margin: 0 auto;}
.banner a { float: left; display: inline; position:relative;}
.banner a .layer{ background:rgba(0,0,0,.6); width:830px; height:110px; display:inline-block; bottom:20px; left:55px; position:absolute; padding:15px 30px;}
.banner a .layer strong{ font-size:30px; display:block; height:30px; line-height:30px; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; color:#fff; font-weight:bold;}
.banner a .layer p{ height:48px; line-height:24px; overflow:hidden; margin-top:10px; color:#ccc;}
.banner .img { position: absolute; width: 1000px; height: 500px; overflow: hidden;}
.banner .img span { position: absolute; width: 19999px; display: block;}
.banner .btns { z-index: 10; position: absolute; width: 1000px;}
.banner .btns b { position: absolute; width: 1000px; display: block; height: 15px; overflow: hidden; top:450px; text-align:center; left:50%;}
.banner .btns b i { width: 15px; height: 15px; background:rgba(255,255,255,.5); display:inline-block; font-size: 0px; overflow: hidden; cursor: pointer; margin:0 5px; border-radius: 15px;}
.banner .btns b i:hover { background: #f69;}
.banner .btns b i.on { background: #f69; cursor: default;}
.banner .btns b i.on:hover { background: #f69; cursor: default;}
.banner .btns s { position: absolute; width: 60px; display: none; height: 80px; overflow: hidden; top: 200px; cursor: pointer;}
.banner .btns s i { position: absolute; width: 60px; background:url(../images/btn_show.png); height: 160px; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="../images/btn_show.png"); _background: none;}
.banner .btns s.prev { left: 0;}
.banner .btns s.prev i { top: -80px;}
.banner .btns s.next { right: 0px;}
.show-hover.banner .btns s { display: block;}
.masks { opacity: 0.5; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; height: 500px; position: absolute; background: #000; overflow: hidden;}

.gif_list h4{ font-size:16px; color:#333; margin:8px 0 15px;line-height:28px; font-weight:normal;}
.gif_list li{ margin-top:30px;}
.gif_list small,.gif_list small em{ display:block;}
.gif_list small{color:#999; position:relative; height:20px; line-height:20px; font-size:14px;}


#layer_share{ position:fixed; width:100%; height:100%; background:rgba(0,0,0,.5); left:0; top:0; z-index:999; display:none;}
#layer_share .share{ background:#fff; left:50%; top:50%; margin-left:-187px; width:360px; padding:0 20px; position:relative; font-size:18px;}
#layer_share .share .share_main{ padding:15px 0;}
#layer_share .share .share_main p{ text-align:center; margin-bottom:10px;}
#layer_share .share .share_main a{ display:inline-block; width:50px; margin:10px; background:url(../images/share_icon.gif) no-repeat 0 0; padding-top:55px; font-size:12px; text-align:center;}
#layer_share .share .share_main a.icon_qq{ background-position:0 0;}
#layer_share .share .share_main a.icon_qqzone{ background-position:-50px 0;}
#layer_share .share .share_main a.icon_wx{ background-position:-100px 0;}
#layer_share .share .share_main a.icon_firends{ background-position:-150px 0;}
#layer_share .share .share_main a.icon_sina{ background-position:-200px 0;}
#layer_share .share em.close{ background:url(../images/icon_close.png) no-repeat 0 0; width:31px; height:31px; display:block; position:absolute; top:10px; right:10px; cursor:pointer;}

.gif_list ul li .fr em{ display:inline-block; }
.gif_list ul li .fr em i{ display:inline-block; width:16px; height:16px; background:url(../images/icon.gif) no-repeat 0 0; float:left; margin-right:5px;}
.gif_list ul li .fr em{ margin:0 0 0 15px; cursor:pointer;}
.gif_list ul li .fr em i{ margin-top:2px;}
.gif_list ul li em.category i{ color:#f69;}
.gif_list ul li .fr em.collect1 i{ background-position:0 -96px;}
.gif_list ul li .fr em.collect2{ color:#ffb502;}
.gif_list ul li .fr em.collect2 i{ background-position:-16px -96px;}
.gif_list ul li .fr em.share{ float:right;}
.gif_list ul li .fr em.share i{ background-position:-32px -96px;}

